:root, page {
    --color-W: #fff;
    --color-K: #000;
    --color-R: #ed5d46;
    --color-G: #2fd72f;
    --color-Y: #c9a631;
    --color-B: #55a4f3;
    --c-purple: #884898;
    --c-purple-light: #b6aafa;

    --c-safegray-hlighter: #fcfcfc;
    --c-safegray-hlight: #f0f0f0;
    --c-gray-hlighter: #e9e9e9;
    --c-gray-hlight: #dcdcdc;
    --c-safegray-lighter: #cccccc;
    --c-safegray-light: #c0c0c0;
    --c-safegray: #999999;
    --c-safegray-dark: #6f6f6f;
    --c-safegray-darker: #606060;
    --c-safegray-hdark: #3f3f3f;
    --c-safegray-hdarker: #303030;
}

.divider-line {
    width: 100%;
    align-items: center;
    display: flex;
    
    font-size: 24rpx;
    color: #e9e9e9;
    margin: .75em 0;
    text-shadow: 3rpx 3rpx 0 var(--c-safegray-hlighter);
}
.divider-line:before,
.divider-line:after {
    content: '';
    height: 1rpx;
    flex: 1;
    background-color: #e9e9e9;
    margin: 0 .5em;
    box-shadow: 3rpx 2rpx 0 var(--c-safegray-hlighter);
}